<html>
<body>
    <h1>Send Notification</h1>
    <form method="post" action="/send-notification/">
        {% csrf_token %}
        <input type="hidden" name="user_id" value="1">
        <input type="text" name="message" placeholder="Message">
        <button type="submit">Send</button>
    </form>
    <script>
        var socket = new WebSocket('ws://localhost:8000/ws/notification/1/');
        socket.onmessage = function(event) {
            var message = event.data;
            alert('New notification: ' + message);
        };
    </script>
</body>
</html>
